<template>
    <div class="cover-popup" v-show="show" :style="{ zIndex: curLevel }"></div>
</template>

<script setup>
    import {useCoverPopup, useCoverPopupShow} from '../../hooks/cover-popup';

    const [ curLevel ] = useCoverPopup();
    const [ show ] = useCoverPopupShow();



</script>

<style lang="scss" scoped>
    .cover-popup { 
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        overflow: hidden;
    }
</style>